<template>
  <!-- 模态框遮罩层 -->
  <Teleport to="body">
    <Transition name="modal-fade">
      <div v-if="modelValue" class="modal-overlay" @click="handleOverlayClick">
        <!-- 模态框容器 -->
        <div class="modal-container" @click.stop>
          <!-- 关闭按钮 -->
          <button class="modal-close-btn" @click="handleClose" title="关闭">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
              <line x1="18" y1="6" x2="6" y2="18"></line>
              <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
          </button>

          <!-- 原有注册内容 -->
          <div class="converted-UserJoin">
            <div class="wrapper">
              <div class="note_box" id="note_box" style="display: none">
                当前的浏览器版本过低，建议使用谷歌浏览器,体验更好的浏览效果.
                <a
                  href="http://dlsw.baidu.com/sw-search-sp/soft/9d/14744/ChromeStandaloneSetup43.0.2357.130.1435047900.exe"
                  style="margin-left: 30px; text-decoration: underline"
                >
                  点此下载最新版本谷歌浏览器
                </a>
              </div>
              <div class="user_loading" id="user_loading"></div>
              <div
                class="login_main login-main-content register-main-content login-main-content-iframe"
                id="register-main-content"
              >
                <div class="top-to-return-back" id="top-to-return-back">
                  <i class="fa fa-angle-left"></i>
                  <span class="back-text">返回</span>
                </div>
                <div id="iframe-register-tip-content">
                  <div class="sign_tip_content">
                    <div class="main_tip">注册账号，生成的二维码将保存在你的账号后台</div>
                    <div class="sub_tip" style="display: none">可随时修改内容，二维码图案不变</div>
                  </div>
                </div>
                <div class="wxwork-register-steps-container" id="wxwork-register-steps-container">
                  <div class="wxwork-register-steps-wrap" id="wxwork-register-steps-wrap">
                    <div class="steps-one steps-item active" id="steps-one">
                      <div class="steps-item-icon">
                        <span class="steps-icon show-step-num">1</span>
                        <span class="steps-icon show-icon">
                          <i class="clifont cliIcon anticon-check"></i>
                        </span>
                      </div>
                      <div class="steps-item-content">
                        <div class="steps-item-title">填写企业信息</div>
                      </div>
                    </div>
                    <div class="steps-line-wrap">
                      <div class="steps-line"></div>
                    </div>
                    <div class="steps-two steps-item" id="steps-two">
                      <div class="steps-item-icon">
                        <span class="steps-icon">2</span>
                      </div>
                      <div class="steps-item-content">
                        <div class="steps-item-title">绑定企业管理员</div>
                      </div>
                    </div>
                  </div>
                  <div class="wxwork-scan-title" id="wxwork-scan-title">
                    <span class="wxwork-icon">
                      <svg fill="none" height="32" viewbox="0 0 20 21" width="32" xmlns="http://www.w3.org/2000/svg">
                        <path
                          d="M11.2846 14.9952C10.1999 15.4293 9.04225 15.5011 7.88461 15.4293C7.37873 15.3564 6.87284 15.2846 6.36696 15.1399C6.2952 15.1399 6.22225 15.1399 6.15049 15.2129C5.49873 15.5011 4.84814 15.8635 4.27049 16.1517C4.1766 16.2225 4.06221 16.2608 3.94461 16.2608C3.82701 16.2608 3.71261 16.2225 3.61872 16.1517C3.40225 16.0082 3.40225 15.7905 3.40225 15.5011C3.54696 14.9952 3.54696 14.4893 3.61872 13.9835C3.61872 13.9105 3.54696 13.8388 3.54696 13.7658C2.82343 13.0435 2.24461 12.3188 1.81167 11.3799C1.08814 9.64346 1.23284 7.90934 2.24461 6.31757C3.25755 4.58228 4.84814 3.64228 6.72814 3.20816C8.60931 2.77404 10.4164 2.99169 12.1517 3.85875C13.7434 4.65404 14.8999 5.88346 15.4058 7.61875C15.6234 8.27052 15.6952 8.9211 15.6234 9.57169C15.2623 9.21052 14.8281 9.13757 14.394 9.35522C14.394 8.91993 14.394 8.48699 14.2493 8.05287C13.9599 7.0411 13.3811 6.24581 12.6587 5.59404C11.4293 4.58228 9.91049 4.14816 8.3199 4.14816C6.65637 4.29287 5.21049 4.87169 4.05284 6.02816C3.11284 6.96934 2.60578 8.12581 2.67872 9.49875C2.75167 10.6564 3.25755 11.5964 3.98108 12.3929L4.55872 12.9705C4.84814 13.187 4.92108 13.4046 4.77637 13.694C4.70343 13.9823 4.63167 14.3446 4.55872 14.634C4.55872 14.7058 4.48696 14.7788 4.55872 14.7788C4.63167 14.8505 4.70343 14.7788 4.70343 14.7788C5.06578 14.5611 5.49872 14.3435 5.86108 14.0552C6.07755 13.9105 6.2952 13.9105 6.58343 13.9835C7.81105 14.3453 9.11699 14.3453 10.3446 13.9835C10.4164 13.9835 10.4893 13.9105 10.4893 14.0552C10.634 14.4893 10.8505 14.7788 11.2846 14.9964V14.9952Z"
                          fill="#0082EF"
                        ></path>
                        <path
                          d="M18.5168 13.5479C18.5195 13.7744 18.4404 13.9942 18.2941 14.1671C18.1478 14.3399 17.9441 14.4543 17.7203 14.4891C16.998 14.6326 16.4191 14.922 15.9132 15.4279C15.7685 15.5726 15.6956 15.5726 15.5509 15.5008C15.4791 15.4279 15.4791 15.2844 15.5509 15.1397C16.0568 14.6338 16.3474 13.982 16.4921 13.3314C16.5627 12.8255 17.0697 12.5361 17.5756 12.5361C18.1544 12.6079 18.5168 13.042 18.5168 13.5479Z"
                          fill="#0081EE"
                        ></path>
                        <path
                          d="M14.8284 17.4537C14.3225 17.4537 13.8872 17.0913 13.8166 16.6584C13.7437 15.9349 13.3813 15.3561 12.8754 14.9219C12.8037 14.8502 12.7307 14.7784 12.8037 14.6337C12.8754 14.4161 13.0202 14.4161 13.1649 14.489C13.3096 14.5608 13.3813 14.7055 13.4543 14.7772C13.8884 15.1396 14.3943 15.3561 14.9013 15.429C15.4072 15.5008 15.7684 16.0066 15.6954 16.5137C15.7684 17.0196 15.3343 17.4537 14.8284 17.4537Z"
                          fill="#FA6202"
                        ></path>
                        <path
                          d="M10.9952 13.6929C10.9952 13.187 11.2846 12.8259 11.7904 12.6811C12.514 12.5364 13.0928 12.247 13.5987 11.74C13.7434 11.5964 13.8881 11.5964 13.9599 11.74C14.0328 11.8129 14.0328 11.9576 13.8881 12.1023C13.4479 12.5351 13.1458 13.0886 13.0199 13.6929C13.0199 13.7659 13.0199 13.9106 12.9481 13.9823C12.8034 14.4882 12.3693 14.7788 11.8634 14.7059C11.6208 14.6706 11.3993 14.5487 11.2396 14.3627C11.08 14.1767 10.9932 13.9392 10.9952 13.6941V13.6929Z"
                          fill="#FECD00"
                        ></path>
                        <path
                          d="M15.985 11.1634C16.2026 11.5964 16.4191 11.9575 16.7085 12.247C16.8532 12.3917 16.8532 12.5364 16.7803 12.6081C16.7085 12.7528 16.5638 12.7528 16.4191 12.6081C16.057 12.1894 15.5788 11.8877 15.045 11.7411C14.9003 11.6681 14.7556 11.6681 14.6109 11.6681C14.3226 11.5964 14.0332 11.4517 13.9603 11.0905C13.8156 10.7281 13.8156 10.367 14.105 10.0787C14.3944 9.71636 14.7556 9.64342 15.1168 9.71636C15.4791 9.86107 15.7685 10.0775 15.8403 10.5117C15.8403 10.7281 15.9132 10.9458 15.985 11.1622V11.1634Z"
                          fill="#2CBD00"
                        ></path>
                      </svg>
                    </span>
                    <span class="wxwork-scan-title-text">企业微信扫码注册</span>
                  </div>
                </div>
                <div
                  class="clearfix register-conent register-form-content register-form-content-new"
                  id="register-form-content"
                >
                  <div class="wxwork-register-wrap" id="wxwork-register-wrap">
                    <div class="wxwork-register-content-wrap">
                      <div class="wxwork-register-input-wrap" id="wxwork-register-input-wrap">
                        <div class="top-wrap">
                          <div class="input-group login-form-item">
                            <input
                              class="zd-input__inner wxwork-input"
                              id="companyName"
                              placeholder="请输入企业名称"
                              style=""
                              type="text"
                              value=""
                            />
                            <label class="error-tip error-tip-companyName">请输入企业名称</label>
                          </div>
                          <div class="input-group login-form-item">
                            <div class="zd-cascader-wrap">
                              <div class="zd-input zd-input--suffix">
                                <input
                                  class="zd-input__inner"
                                  id="orgIndustry"
                                  placeholder="请选择所属行业"
                                  :readonly="false"
                                  style=""
                                  type="text"
                                  value=""
                                />
                                <span class="zd-input__suffix">
                                  <span class="zd-input__suffix-inner">
                                    <svg
                                      class="icon zd-input__icon zd-icon-arrow-down"
                                      height="200"
                                      p-id="1181"
                                      t="1600158452164"
                                      version="1.1"
                                      viewbox="0 0 1024 1024"
                                      width="200"
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <path
                                        d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                        fill="#515151"
                                        p-id="1182"
                                      ></path>
                                      <path
                                        d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                        fill="#515151"
                                        p-id="1183"
                                      ></path>
                                    </svg>
                                  </span>
                                </span>
                              </div>
                              <div class="zd-cascader__dropdown">
                                <div class="zd-cascader-panel">
                                  <div class="zd-scrollbar zd-cascader-menu">
                                    <div class="zd-cascader-menu__wrap zd-scrollbar__wrap">
                                      <ul class="zd-cascader-menu__list">
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">IT服务</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">制造业</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">批发/零售</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">生活服务</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">文化/体育/娱乐业</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">建筑/房地产</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">教育</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">运输/物流/仓储</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">医疗</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">政府</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">金融</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">能源/采矿</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">农林渔牧</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">其他行业</span>
                                          <svg
                                            class="icon zd-input__icon zd-icon-arrow-right zd-cascader-node__postfix"
                                            height="200"
                                            p-id="1181"
                                            t="1600158452164"
                                            version="1.1"
                                            viewbox="0 0 1024 1024"
                                            width="200"
                                            xmlns="http://www.w3.org/2000/svg"
                                          >
                                            <path
                                              d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                              fill="#515151"
                                              p-id="1182"
                                            ></path>
                                            <path
                                              d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                              fill="#515151"
                                              p-id="1183"
                                            ></path>
                                          </svg>
                                        </li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <input id="orgIndustryId" style="" type="hidden" value="" />
                            <input id="orgIndustryPid" style="" type="hidden" value="" />
                            <label class="error-tip error-tip-orgIndustry">请选择所属行业</label>
                          </div>
                          <div class="input-group login-form-item staff-size-group">
                            <div class="zd-cascader-wrap">
                              <div class="zd-input zd-input--suffix">
                                <input
                                  class="zd-input__inner"
                                  id="staffSize"
                                  placeholder="请选择员工规模"
                                  :readonly="false"
                                  style=""
                                  type="text"
                                  value=""
                                />
                                <span class="zd-input__suffix">
                                  <span class="zd-input__suffix-inner">
                                    <svg
                                      class="icon zd-input__icon zd-icon-arrow-down"
                                      height="200"
                                      p-id="1181"
                                      t="1600158452164"
                                      version="1.1"
                                      viewbox="0 0 1024 1024"
                                      width="200"
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <path
                                        d="M538.434046 617.504916c0 3.687996-1.403976 7.356548-4.211928 10.1645-5.615904 5.615904-14.713097 5.615904-20.329001 0L364.187513 476.931297c-5.615904-5.615904-5.615904-14.713097 0-20.329001 5.615904-5.615904 14.713097-5.615904 20.329001 0l149.705604 150.739143C537.03007 610.148367 538.434046 613.817943 538.434046 617.504916z"
                                        fill="#515151"
                                        p-id="1182"
                                      ></path>
                                      <path
                                        d="M689.172165 466.767819c0 3.687996-1.403976 7.356548-4.211928 10.1645L534.222117 627.670439c-5.615904 5.615904-14.713097 5.615904-20.329001 0-5.615904-5.615904-5.615904-14.713097 0-20.329001L664.631236 456.603319c5.615904-5.615904 14.713097-5.615904 20.329001 0C687.768189 459.411271 689.172165 463.079824 689.172165 466.767819z"
                                        fill="#515151"
                                        p-id="1183"
                                      ></path>
                                    </svg>
                                  </span>
                                </span>
                              </div>
                              <div class="zd-cascader__dropdown">
                                <div class="zd-cascader-panel">
                                  <div class="zd-scrollbar zd-cascader-menu">
                                    <div class="zd-cascader-menu__wrap zd-scrollbar__wrap">
                                      <ul class="zd-cascader-menu__list">
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">1-50 人</span>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">51-100 人</span>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">101-200 人</span>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">201-500 人</span>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">501-1000 人</span>
                                        </li>
                                        <li class="zd-cascader-node">
                                          <span class="zd-cascader-node__label">1001 及以上人</span>
                                        </li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <input id="staffSizeText" style="" type="hidden" value="" />
                            <label class="error-tip error-tip-staffSize">请选择员工规模</label>
                          </div>
                          <div class="next-btn login-btn-blue" id="next-btn">下一步</div>
                        </div>
                        <div class="line">
                          <span class="line-text">其他注册方式</span>
                        </div>
                        <div class="bottom-wrap">
                          <span
                            class="wxwork-register login-btn-ghost-bg-blue"
                            href="https://user.cli.im/wxwork/register"
                            id="wxwork-register"
                            target="_blank"
                          >
                            <span class="wxwork-register-icon">
                              <svg
                                fill="none"
                                height="21"
                                viewbox="0 0 20 21"
                                width="20"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M11.2846 14.9952C10.1999 15.4293 9.04225 15.5011 7.88461 15.4293C7.37873 15.3564 6.87284 15.2846 6.36696 15.1399C6.2952 15.1399 6.22225 15.1399 6.15049 15.2129C5.49873 15.5011 4.84814 15.8635 4.27049 16.1517C4.1766 16.2225 4.06221 16.2608 3.94461 16.2608C3.82701 16.2608 3.71261 16.2225 3.61872 16.1517C3.40225 16.0082 3.40225 15.7905 3.40225 15.5011C3.54696 14.9952 3.54696 14.4893 3.61872 13.9835C3.61872 13.9105 3.54696 13.8388 3.54696 13.7658C2.82343 13.0435 2.24461 12.3188 1.81167 11.3799C1.08814 9.64346 1.23284 7.90934 2.24461 6.31757C3.25755 4.58228 4.84814 3.64228 6.72814 3.20816C8.60931 2.77404 10.4164 2.99169 12.1517 3.85875C13.7434 4.65404 14.8999 5.88346 15.4058 7.61875C15.6234 8.27052 15.6952 8.9211 15.6234 9.57169C15.2623 9.21052 14.8281 9.13757 14.394 9.35522C14.394 8.91993 14.394 8.48699 14.2493 8.05287C13.9599 7.0411 13.3811 6.24581 12.6587 5.59404C11.4293 4.58228 9.91049 4.14816 8.3199 4.14816C6.65637 4.29287 5.21049 4.87169 4.05284 6.02816C3.11284 6.96934 2.60578 8.12581 2.67872 9.49875C2.75167 10.6564 3.25755 11.5964 3.98108 12.3929L4.55872 12.9705C4.84814 13.187 4.92108 13.4046 4.77637 13.694C4.70343 13.9823 4.63167 14.3446 4.55872 14.634C4.55872 14.7058 4.48696 14.7788 4.55872 14.7788C4.63167 14.8505 4.70343 14.7788 4.70343 14.7788C5.06578 14.5611 5.49872 14.3435 5.86108 14.0552C6.07755 13.9105 6.2952 13.9105 6.58343 13.9835C7.81105 14.3453 9.11699 14.3453 10.3446 13.9835C10.4164 13.9835 10.4893 13.9105 10.4893 14.0552C10.634 14.4893 10.8505 14.7788 11.2846 14.9964V14.9952Z"
                                  fill="#0082EF"
                                ></path>
                                <path
                                  d="M18.5168 13.5479C18.5195 13.7744 18.4404 13.9942 18.2941 14.1671C18.1478 14.3399 17.9441 14.4543 17.7203 14.4891C16.998 14.6326 16.4191 14.922 15.9132 15.4279C15.7685 15.5726 15.6956 15.5726 15.5509 15.5008C15.4791 15.4279 15.4791 15.2844 15.5509 15.1397C16.0568 14.6338 16.3474 13.982 16.4921 13.3314C16.5627 12.8255 17.0697 12.5361 17.5756 12.5361C18.1544 12.6079 18.5168 13.042 18.5168 13.5479Z"
                                  fill="#0081EE"
                                ></path>
                                <path
                                  d="M14.8284 17.4537C14.3225 17.4537 13.8872 17.0913 13.8166 16.6584C13.7437 15.9349 13.3813 15.3561 12.8754 14.9219C12.8037 14.8502 12.7307 14.7784 12.8037 14.6337C12.8754 14.4161 13.0202 14.4161 13.1649 14.489C13.3096 14.5608 13.3813 14.7055 13.4543 14.7772C13.8884 15.1396 14.3943 15.3561 14.9013 15.429C15.4072 15.5008 15.7684 16.0066 15.6954 16.5137C15.7684 17.0196 15.3343 17.4537 14.8284 17.4537Z"
                                  fill="#FA6202"
                                ></path>
                                <path
                                  d="M10.9952 13.6929C10.9952 13.187 11.2846 12.8259 11.7904 12.6811C12.514 12.5364 13.0928 12.247 13.5987 11.74C13.7434 11.5964 13.8881 11.5964 13.9599 11.74C14.0328 11.8129 14.0328 11.9576 13.8881 12.1023C13.4479 12.5351 13.1458 13.0886 13.0199 13.6929C13.0199 13.7659 13.0199 13.9106 12.9481 13.9823C12.8034 14.4882 12.3693 14.7788 11.8634 14.7059C11.6208 14.6706 11.3993 14.5487 11.2396 14.3627C11.08 14.1767 10.9932 13.9392 10.9952 13.6941V13.6929Z"
                                  fill="#FECD00"
                                ></path>
                                <path
                                  d="M15.985 11.1634C16.2026 11.5964 16.4191 11.9575 16.7085 12.247C16.8532 12.3917 16.8532 12.5364 16.7803 12.6081C16.7085 12.7528 16.5638 12.7528 16.4191 12.6081C16.057 12.1894 15.5788 11.8877 15.045 11.7411C14.9003 11.6681 14.7556 11.6681 14.6109 11.6681C14.3226 11.5964 14.0332 11.4517 13.9603 11.0905C13.8156 10.7281 13.8156 10.367 14.105 10.0787C14.3944 9.71636 14.7556 9.64342 15.1168 9.71636C15.4791 9.86107 15.7685 10.0775 15.8403 10.5117C15.8403 10.7281 15.9132 10.9458 15.985 11.1622V11.1634Z"
                                  fill="#2CBD00"
                                ></path>
                              </svg>
                            </span>
                            <span class="wxwork-register-icon wxwork-register-icon-hover">
                              <svg
                                fill="none"
                                height="21"
                                viewbox="0 0 20 21"
                                width="20"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M11.2846 14.9952C10.1999 15.4293 9.04225 15.5011 7.88461 15.4293C7.37873 15.3564 6.87284 15.2846 6.36696 15.1399C6.2952 15.1399 6.22225 15.1399 6.15049 15.2129C5.49873 15.5011 4.84814 15.8635 4.27049 16.1517C4.1766 16.2225 4.06221 16.2608 3.94461 16.2608C3.82701 16.2608 3.71261 16.2225 3.61872 16.1517C3.40225 16.0082 3.40225 15.7905 3.40225 15.5011C3.54696 14.9952 3.54696 14.4893 3.61872 13.9835C3.61872 13.9105 3.54696 13.8388 3.54696 13.7658C2.82343 13.0435 2.24461 12.3188 1.81167 11.3799C1.08814 9.64346 1.23284 7.90934 2.24461 6.31757C3.25755 4.58228 4.84814 3.64228 6.72814 3.20816C8.60931 2.77404 10.4164 2.99169 12.1517 3.85875C13.7434 4.65404 14.8999 5.88346 15.4058 7.61875C15.6234 8.27052 15.6952 8.9211 15.6234 9.57169C15.2623 9.21052 14.8281 9.13757 14.394 9.35522C14.394 8.91993 14.394 8.48699 14.2493 8.05287C13.9599 7.0411 13.3811 6.24581 12.6587 5.59404C11.4293 4.58228 9.91049 4.14816 8.3199 4.14816C6.65637 4.29287 5.21049 4.87169 4.05284 6.02816C3.11284 6.96934 2.60578 8.12581 2.67872 9.49875C2.75167 10.6564 3.25755 11.5964 3.98108 12.3929L4.55872 12.9705C4.84814 13.187 4.92108 13.4046 4.77637 13.694C4.70343 13.9823 4.63167 14.3446 4.55872 14.634C4.55872 14.7058 4.48696 14.7788 4.55872 14.7788C4.63167 14.8505 4.70343 14.7788 4.70343 14.7788C5.06578 14.5611 5.49872 14.3435 5.86108 14.0552C6.07755 13.9105 6.2952 13.9105 6.58343 13.9835C7.81105 14.3453 9.11699 14.3453 10.3446 13.9835C10.4164 13.9835 10.4893 13.9105 10.4893 14.0552C10.634 14.4893 10.8505 14.7788 11.2846 14.9964V14.9952Z"
                                  fill="#ffffff"
                                ></path>
                                <path
                                  d="M18.5168 13.5479C18.5195 13.7744 18.4404 13.9942 18.2941 14.1671C18.1478 14.3399 17.9441 14.4543 17.7203 14.4891C16.998 14.6326 16.4191 14.922 15.9132 15.4279C15.7685 15.5726 15.6956 15.5726 15.5509 15.5008C15.4791 15.4279 15.4791 15.2844 15.5509 15.1397C16.0568 14.6338 16.3474 13.982 16.4921 13.3314C16.5627 12.8255 17.0697 12.5361 17.5756 12.5361C18.1544 12.6079 18.5168 13.042 18.5168 13.5479Z"
                                  fill="#ffffff"
                                ></path>
                                <path
                                  d="M14.8284 17.4537C14.3225 17.4537 13.8872 17.0913 13.8166 16.6584C13.7437 15.9349 13.3813 15.3561 12.8754 14.9219C12.8037 14.8502 12.7307 14.7784 12.8037 14.6337C12.8754 14.4161 13.0202 14.4161 13.1649 14.489C13.3096 14.5608 13.3813 14.7055 13.4543 14.7772C13.8884 15.1396 14.3943 15.3561 14.9013 15.429C15.4072 15.5008 15.7684 16.0066 15.6954 16.5137C15.7684 17.0196 15.3343 17.4537 14.8284 17.4537Z"
                                  fill="#ffffff"
                                ></path>
                                <path
                                  d="M10.9952 13.6929C10.9952 13.187 11.2846 12.8259 11.7904 12.6811C12.514 12.5364 13.0928 12.247 13.5987 11.74C13.7434 11.5964 13.8881 11.5964 13.9599 11.74C14.0328 11.8129 14.0328 11.9576 13.8881 12.1023C13.4479 12.5351 13.1458 13.0886 13.0199 13.6929C13.0199 13.7659 13.0199 13.9106 12.9481 13.9823C12.8034 14.4882 12.3693 14.7788 11.8634 14.7059C11.6208 14.6706 11.3993 14.5487 11.2396 14.3627C11.08 14.1767 10.9932 13.9392 10.9952 13.6941V13.6929Z"
                                  fill="#ffffff"
                                ></path>
                                <path
                                  d="M15.985 11.1634C16.2026 11.5964 16.4191 11.9575 16.7085 12.247C16.8532 12.3917 16.8532 12.5364 16.7803 12.6081C16.7085 12.7528 16.5638 12.7528 16.4191 12.6081C16.057 12.1894 15.5788 11.8877 15.045 11.7411C14.9003 11.6681 14.7556 11.6681 14.6109 11.6681C14.3226 11.5964 14.0332 11.4517 13.9603 11.0905C13.8156 10.7281 13.8156 10.367 14.105 10.0787C14.3944 9.71636 14.7556 9.64342 15.1168 9.71636C15.4791 9.86107 15.7685 10.0775 15.8403 10.5117C15.8403 10.7281 15.9132 10.9458 15.985 11.1622V11.1634Z"
                                  fill="#ffffff"
                                ></path>
                              </svg>
                            </span>
                            企业微信扫码注册
                          </span>
                          <div class="wxwork-register-text">企业微信注册，免填企业信息，成员可同步</div>
                        </div>
                      </div>
                      <div class="scan-code-wrap" id="scan-code-wrap">
                        <div class="title">使用企业微信扫描下方二维码</div>
                        <div class="wxwork-img-box">
                          <img alt="" id="scan-code-wrap-img" src="../../assets/images/4c079f5da064.png" />
                          <div class="wxworkcode-invalid-tips" id="wxworkcode-invalid-tips">
                            <div class="icon-box">
                              <i class="clifont cliIcon anticon-cli-information-fill"></i>
                            </div>
                            <div class="invalid-tip">二维码已失效</div>
                            <div class="refresh-wxwork-code" id="refresh-wxwork-code">点击刷新</div>
                          </div>
                        </div>
                        <div class="wxwork-tip">企业微信注册，免填企业信息，成员可同步</div>
                        <div class="scan-wxwork-tip">
                          <div class="icon-box">
                            <i class="clifont cliIcon anticon-cli-check-fill"></i>
                          </div>
                          <div class="tip-wrap">
                            <div class="tip-title">扫描成功</div>
                            <div class="tip-sub-title">请在手机企业微信中进行确认</div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="bind-wxwork-tip-wrap">
                    <div class="tip-text">绑定后，你将成为企业/组织管理员</div>
                  </div>
                  <div class="login-account-form-box">
                    <div class="login-step-first" id="weixin-login-content">
                      <div class="weixin-img-wapper">
                        <h2 class="login-main-title recommend-title-box" id="login-main-title">微信快捷登录</h2>
                        <div class="weixin-code-imgbox">
                          <img
                            alt=""
                            id="weixin-login-qrcode"
                            src=""
                          />
                          <div class="scan-overlay-tips" id="scan_successfuly" style="display: none">
                            <p class="overlay_main">扫描成功</p>
                            <p class="overlay_sub" style="display: none">
                              请在手机端绑定手机号
                              <span class="binding-popover" data-original-title="" title="">?</span>
                            </p>
                            <p class="overlay_sub" style="display: block">请在手机端确认登录</p>
                            <div
                              class="overlay_sub"
                              style="
                                display: flex;
                                justify-content: center;
                                position: relative;
                                right: 8px;
                                cursor: pointer;
                              "
                            >
                              <div style="margin: 0 4px 0 0">
                                <img alt="" src="../../assets/images/ee355e143e1d.png" style="height: 12px; width: 12px" />
                              </div>
                              <div style="margin: 0">刷新二维码</div>
                            </div>
                          </div>
                          <div class="scan-overlay-loading" style="display: none">
                            <img alt="" src="../../assets/images/8ccb61dca5a2.gif" />
                            <p class="overlay_sub" style="display: none">注册成功，正在登录中</p>
                            <p class="overlay_sub" style="display: block">正在登录中</p>
                          </div>
                        </div>
                        <p class="weixin-scan-tips" id="scan_unsuccessfuly" style="display: none">
                          <i class="text-orange fa fa-exclamation-circle"></i>
                          <span class="scan_unsuccessfuly-text">手机端取消登录，重新扫码</span>
                        </p>
                        <p
                          class="weixin-scan-tips text-grey"
                          id="scan_by_phone"
                          style="font-size: 12px; line-height: 18px"
                        >
                          无需验证码，快速注册
                        </p>
                      </div>
                    </div>
                    <div class="cut-line"></div>
                    <div class="login_form new-box-join-weixin" id="join_step_first">
                      <h2 class="join-step-first-title" id="join-step-first-title">手机号注册</h2>
                      <div class="login-form-list login-form-list-new" style="margin-top: 32px">
                        <div class="login-form-item login-form-membername">
                          <input
                            class="login_input"
                            id="member_name_input"
                            name="membername"
                            placeholder="请输入管理员姓名"
                            :readonly="false"
                            style=""
                            tabindex="1"
                            type="text"
                          />
                          <label class="error-tip error-tip-membername">请填写管理员姓名</label>
                        </div>
                        <div class="login-form-item login-form-account">
                          <input
                            class="login_input"
                            id="account_input"
                            name="username"
                            placeholder="请输入手机号"
                            :readonly="false"
                            style=""
                            tabindex="1"
                            type="text"
                            value=""
                          />
                          <input id="vcard-mobile" style="" type="hidden" value="" />
                          <input id="vcard-email" style="" type="hidden" value="" />
                          <label class="error-tip error-tip-account">请填写手机号或邮箱</label>
                          <div class="set-to-login-tip none">
                            <i class="fa fa-exclamation-circle"></i>
                            号码已注册
                            <a class="go-to-login login-btn text-blue pointer" go-to-login="" href="./pages/login.html">
                              去登录
                            </a>
                          </div>
                        </div>
                        <div class="safecodes none" id="_safecodes" style="margin-top: 12px">
                          <div class="login-form-item">
                            <input
                              class="esafecode"
                              id="esafecode"
                              maxlength="4"
                              name="safecode"
                              placeholder="验证码"
                              style=""
                              tabindex="4"
                              type="text"
                            />
                            <label class="error-tip error-tip-captcha">请填写验证码</label>
                            <a errnumber="" href="javascript:;" id="safecode">
                              <img class="isafecode" src="../../assets/images/dc029ad68290.png" />
                            </a>
                            <div class="tooltip top fade" role="tooltip">
                              <div class="tooltip-arrow"></div>
                              <div class="tooltip-inner">看不清楚？换一个</div>
                            </div>
                          </div>
                        </div>
                        <div class="login-form-item" style="margin-top: 12px">
                          <input
                            autocomplete="off"
                            class="login_input m-t-xs"
                            id="confirm-input"
                            name="confirm_input"
                            placeholder="请输入验证码"
                            style=""
                            tabindex="2"
                            type="text"
                          />
                          <label class="error-tip error-tip-safecode"></label>
                          <input
                            class="confirm_send_again confirm_send_again_allow login-btn-ghost-default"
                            id="confirm_send_again"
                            name="confirm_send_again"
                            style=""
                            type="button"
                            value="获取验证码"
                          />
                        </div>
                        <div class="login-form-item weixin-input" style="margin-top: 12px">
                          <input style="display: none" />
                          <input
                            autocomplete="off"
                            class="login_input"
                            id="password"
                            name="password"
                            placeholder="密码（8-20位数字字母组合）"
                            style=""
                            tabindex="2"
                            type="password"
                          />
                          <label class="error-tip error-tip-password">请填写密码</label>
                        </div>
                      </div>

                      <input
                        class="btn btn-block green transit join_confirm_btn login-btn-green"
                        id="join_confirm_btn"
                        name="join_confirm_btn"
                        style=""
                        type="button"
                        value="注 册"
                      />

                      <!-- 协议条款复选框 - 放在注册按钮下方 -->
                      <div class="login_foot register_foot" style="white-space: nowrap">
                        <label class="register-change-style keep_line md-check cli-check">
                          <input id="agreementNoweixin" name="agreementNoweixin" style="" type="checkbox" />
                          <i class="plaingreen" style="transform: scale(1.3);padding-left: 10px"></i>
                          <span style="margin-left: 18px">
                            已阅读并同意
                            <a class="provision_link" href="/qrcode/help/agreement" target="_blank">《蒜苔用户协议》</a>
                            及
                            <a class="provision_link" href="/qrcode/help/privacy" target="_blank">《隐私协议》</a>
                          </span>
                        </label>
                      </div>
                      <div class="agreement-error-tip none" id="agreement-error-tip-noweixin">
                        请先阅读并同意用户协议及隐私协议
                      </div>
                    </div>
                  </div>
                </div>
                <div class="login_form none join_step_second_new" id="join_step_second" style="width: 228px">
                  <h2 class="join_step_second_h2">设置密码</h2>
                  <div class="login-form-list">
                    <div class="login-form-item">
                      <input style="display: none" />
                      <input
                        autocomplete="off"
                        class="login_input login_input_new"
                        id="weixin_password"
                        name="password"
                        placeholder="8-20位数字字母组合的密码"
                        style=""
                        tabindex="2"
                        type="password"
                      />
                      <label class="error-tip error-tip-password error-tip-new">请填写密码</label>
                      <div class="eye-see" id="eye-see">
                        <span class="see fa"></span>
                        <span class="not-see fa" style="display: none"></span>
                      </div>
                    </div>
                  </div>
                  <input
                    class="btn btn-block green transit"
                    id="person_join_btn-new"
                    name="person_join_btn-new"
                    style=""
                    type="button"
                    value="确 定"
                  />
                  <label class="error-tip error-tip-other m-t-sm">注册失败，请重试</label>
                </div>
                <input id="referer" name="referer" style="" type="hidden" value="" />
                <input id="ori_type" name="ori_type" style="" type="hidden" value="" />
                <input id="weixin_login" name="weixin_login" style="" type="hidden" value="" />
                <input id="isactives" name="isactives" style="" type="hidden" value="31" />
                <input id="framev" name="getframe" style="" type="hidden" value="true" />
                <div class="success_box" id="success_box">
                  <!-- -->
                  <!-- -->
                  <div class="full-size" id="weixin-public-module">
                    <h2 class="weixin-public-title">关注草料公众号</h2>
                    <div class="weixin-code-imgbox">
                      <img alt="" class="wxBindImage" src="" />
                      <div class="wxBindInfo none text-green text-xs"></div>
                    </div>
                    <div class="box-info-title">微信扫码 免密登录</div>
                    <div class="box-info-second">及时接收账户提醒通知</div>
                    <div class="box-info-third">二维码专属顾问在线指导</div>
                    <div class="jump-skip" id="jump-skip">下次再说</div>
                  </div>
                  <div id="occasion" style="height: 100%">
                    <div class="p-a-md clearfix white portraitArea" id="top-step1">
                      <div class="pull-left pos-rlt" style="padding: 0px 40px 0px 60px; border-right: 1px solid #eee">
                        <div class="avatar text-center">
                          <img src="" width="50px" />
                        </div>
                        <div class="info name-server-box">
                          <div class="name text-darkgrey text-center h5 name-server"></div>
                          <div class="title text-grey text-center"></div>
                        </div>
                        <i class="arrow arrow-out"></i>
                        <i class="arrow arrow-in"></i>
                      </div>
                      <div class="pull-left" style="padding-left: 40px">
                        <div class="h4 text-green new-register-success" style="font-size: 18px">注册成功！</div>
                        <div class="m-t l-h-2x h6">
                          我是您的二维码专属顾问，我的专线
                          <span class="text-green telephone h6">0574-87666866</span>
                          ;
                        </div>
                        <div class="l-h-2x h6">任何问题您都可以直接询问我。</div>
                      </div>
                    </div>
                    <div class="p-a-md clearfix white portraitArea" id="top-step2">
                      <div class="pull-left pos-rlt" style="padding: 0px 40px 0px 60px; border-right: 1px solid #eee">
                        <div class="avatar text-center">
                          <img src="" width="50px" />
                        </div>
                        <div class="info name-server-box">
                          <div class="name text-darkgrey text-center h5 name-server"></div>
                          <div class="title p-t-xs text-grey text-center"></div>
                        </div>
                        <i class="arrow arrow-out"></i>
                        <i class="arrow arrow-in"></i>
                      </div>
                      <div class="pull-left p-l-md" style="padding-top: 28px">
                        <div class="h4 text-green new-register-success" style="font-size: 18px">注册成功！</div>
                        <div class="l-h-2x h6">Hi，我是您的二维码专属顾问</div>
                        <div class="l-h-2x h6">
                          为您提供
                          <span class="text-green _600 h6" id="join-industry" style="max-width: 410px"></span>
                          二维码应用指导，我的专线
                          <span class="text-green telephone h6">0574-87666866</span>
                          ;
                        </div>
                        <div class="l-h-2x h5">任何问题您都可以直接询问我。</div>
                      </div>
                    </div>
                    <div id="top-step3" style="background-color: #f8f8f8">
                      <h2 class="top-step3-title">关注草料公众号，支持扫码免密登录</h2>
                      <div class="top-step3-code">
                        <img class="wxBindImage" src="" />
                        <div class="logo-in-qrcode">
                          <img src="../../assets/images/40334ffa2136.png" />
                        </div>
                      </div>
                    </div>
                    <div id="top-step4" style="background-color: #f8f8f8">
                      <h2 class="top-step4-title">关注草料公众号，支持扫码免密登录</h2>
                      <div class="white clearfix top-step4-all-box" style="padding: 20px 30px">
                        <div class="pull-left top-step4-code">
                          <img alt="" class="wxBindImage" src="" width="190px" />
                          <div class="logo-in-qrcode">
                            <img src="../../assets/images/40334ffa2136.png" />
                          </div>
                        </div>
                        <div class="pull-left top-step4-info">
                          <ul class="text-grey m-t l-h" style="padding-left: 16px">
                            <li class="greenCircle p-l ul-font-color-size" style="font-size: 16px">
                              账号状态即时通知推送
                            </li>
                            <li class="greenCircle p-l ul-font-color-size" style="font-size: 16px">
                              二维码微信实时管理
                            </li>
                            <li class="greenCircle p-l ul-font-color-size" style="font-size: 16px">扫码数据一手掌握</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="light" data-count="1" style="padding: 20px 85px">
                      <div class="lignt-next-box" style="width: 100%; overflow: hidden">
                        <div class="clearfix transition pos-rlt" style="width: 960px; left: 0px">
                          <div class="pull-left" id="step1" style="width: 480px">
                            <p class="text-grey">为了更有针对性的为您提供服务</p>
                            <div class="mt-4">
                              <span class="text-left h5 _600">请选择您的行业，我们将为您提供行业专属顾问</span>
                              <span class="none text-danger _400 notChoose m-l-xs">请选择:</span>
                            </div>
                            <div class="m-t-sm useBoxContainer">
                              <div class="mb10 clearfix text-center">
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox mr10 pos-rlt mt10" data-ind="">
                                  <span></span>
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="pull-left useBox pos-rlt mt10" data-ind="other">
                                  其他行业
                                  <i class="clicon-corner-mark-check"></i>
                                </div>
                                <div class="mt10 pull-left none" id="ind">
                                  <div class="clearfix text-center">
                                    <div class="pull-left">
                                      <select class="form-control" id="ind_big" name="ind_big">
                                        <option value="notChoose">- - - 所属行业 - - -</option>
                                      </select>
                                    </div>
                                    <div class="pull-left none">
                                      <select class="form-control" id="ind_small" name="ind_small"></select>
                                    </div>
                                  </div>
                                  <div class="text-danger" id="industry_wrong"></div>
                                </div>
                              </div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="sure-jump-box">
                        <a class="" data-step="0" href="javascript:void(0)" id="nextOccasion">确定</a>
                        <h4 class="skip" id="join_end">
                          跳过
                          <i class="fa fa-angle-right h5"></i>
                        </h4>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="logining none" logining="">
                  <div class="imgBox">
                    <img alt="" src="../../assets/images/8ccb61dca5a2.gif" />
                    <div class="login-text">正在登录中</div>
                  </div>
                </div>
                <div class="iframe-top-to-jump-action" id="iframe-top-to-jump-action">
                  <div class="normal text-center" top-to-register="">
                    已有账号，
                    <a class="top-action-btn login-btn-ghost-default" href="./pages/login.html">立即登录</a>
                  </div>
                </div>
              </div>

              <!-- -->
            </div>
            <div class="check-phone-main" id="check-phone-main">
              <p class="check-phone-title">绑定手机号</p>
              <p class="check-phone-desc text-grey m-t">根据《网络安全法》要求，需要绑定手机号才能继续使用</p>
              <div class="check-phone-form" style="margin-top: 24px">
                <div class="login-form-list">
                  <div class="login-form-item">
                    <input
                      class="check-phone-input"
                      id="check-phone-value"
                      placeholder="请输入手机号"
                      style=""
                      type="text"
                    />
                    <label class="error-tip error-tip-account">请填写手机号</label>
                  </div>
                  <div class="login-form-item">
                    <input
                      class="check-phone-input m-t-xs"
                      id="confirm-input-phone"
                      name="confirm_input-phone"
                      placeholder="请输入验证码"
                      style=""
                      type="text"
                    />
                    <input
                      class="confirm_send_again confirm_send_again_allow login-btn-ghost-default"
                      id="confirm-send"
                      name="confirm_send_again"
                      style="font-size: 12px"
                      type="button"
                      value="发送验证码"
                    />
                    <label class="error-tip error-tip-verifycode">请填写验证码</label>
                  </div>
                </div>
                <input
                  class="btn btn-block green transit person-check-btn-new"
                  id="person-check-btn"
                  name="person-check-btn"
                  style=""
                  type="button"
                  value="确 定"
                />
                <label class="error-tip error-tip-other m-t-sm">验证失败，请重试</label>
              </div>
            </div>
          </div>
          <div id="batBeacon289741178740" style="width: 0px; height: 0px; display: none; visibility: hidden">

          </div>
          <div
            id="tcaptcha_transform_dy"
            style="opacity: 0; position: absolute; transition: opacity 0.3s linear; top: -1e6px"
          >
            <iframe
              border="0"
              frameborder="0"
              id="tcaptcha_iframe_dy"
              marginheight="0"
              marginwidth="0"
              name="https://turing.captcha.qcloud.com"
              scrolling="no"
              src="https://turing.captcha.gtimg.com/1/template/drag_ele.html"
            ></iframe>
          </div>
        </div>
      </div>
    </Transition>
  </Teleport>
</template>

<script setup lang="ts">
  import { onMounted, onUnmounted, watch, nextTick, ref } from 'vue'

  // 定义 props
  interface Props {
    modelValue: boolean
    iframeSrc?: string
  }

  const props = withDefaults(defineProps<Props>(), {
    modelValue: false,
    iframeSrc: '/qrcode/register',
  })

  // 定义 emits
  const emit = defineEmits<{
    'update:modelValue': [value: boolean]
    close: []
    load: []
  }>()

  // 调试信息
  const debugInfo = ref({
    containerSize: { width: 0, height: 0 },
    overlaySize: { width: 0, height: 0 },
    contentSize: { width: 0, height: 0 },
    viewportSize: { width: 0, height: 0 },
  })

  // 打印调试信息
  const logDebugInfo = () => {
    const overlay = document.querySelector('.modal-overlay') as HTMLElement
    const container = document.querySelector('.modal-container') as HTMLElement
    const content = document.querySelector('.converted-UserJoin') as HTMLElement
    const wrapper = document.querySelector('.wrapper') as HTMLElement
    const registerMain = document.querySelector('.register-main-content') as HTMLElement

    if (overlay && container && content) {
      const wrapperInfo = wrapper
        ? {
            width: wrapper.offsetWidth,
            height: wrapper.offsetHeight,
            background: window.getComputedStyle(wrapper).background,
          }
        : null

      const registerMainInfo = registerMain
        ? {
            width: registerMain.offsetWidth,
            height: registerMain.offsetHeight,
            margin: window.getComputedStyle(registerMain).margin,
            position: registerMain.getBoundingClientRect(),
          }
        : null

      debugInfo.value = {
        containerSize: {
          width: container.offsetWidth,
          height: container.offsetHeight,
        },
        overlaySize: {
          width: overlay.offsetWidth,
          height: overlay.offsetHeight,
        },
        contentSize: {
          width: content.offsetWidth,
          height: content.scrollHeight,
        },
        viewportSize: {
          width: window.innerWidth,
          height: window.innerHeight,
        },
      }

      console.group('🔍 RegisterModal 尺寸调试信息')
      console.log('视口尺寸:', `${debugInfo.value.viewportSize.width}x${debugInfo.value.viewportSize.height}`)
      console.log('遮罩层尺寸:', `${debugInfo.value.overlaySize.width}x${debugInfo.value.overlaySize.height}`)
      console.log('模态框容器尺寸:', `${debugInfo.value.containerSize.width}x${debugInfo.value.containerSize.height}`)

      if (wrapperInfo) {
        console.log('📦 Wrapper尺寸:', `${wrapperInfo.width}x${wrapperInfo.height}`)
        console.log('   Wrapper背景:', wrapperInfo.background)
      }

      if (registerMainInfo) {
        console.log('📝 register-main-content尺寸:', `${registerMainInfo.width}x${registerMainInfo.height}`)
        console.log('   位置信息:', {
          margin: registerMainInfo.margin,
          left: registerMainInfo.position.left,
          centerX: registerMainInfo.position.left + registerMainInfo.position.width / 2,
          containerCenterX: container.getBoundingClientRect().left + container.offsetWidth / 2,
        })

        // 检查iframe-top-to-jump-action的位置
        const jumpAction = document.querySelector('.iframe-top-to-jump-action') as HTMLElement
        if (jumpAction) {
          const jumpPos = jumpAction.getBoundingClientRect()
          const mainPos = registerMain.getBoundingClientRect()
          console.log('🔗 "已有账号"位置分析:', {
            '在register-main内?': jumpPos.bottom <= mainPos.bottom && jumpPos.top >= mainPos.top,
            jumpAction底部: jumpPos.bottom,
            registerMain底部: mainPos.bottom,
            距离顶部: jumpPos.top - mainPos.top,
            距离底部: mainPos.bottom - jumpPos.bottom,
            溢出距离: jumpPos.bottom > mainPos.bottom ? jumpPos.bottom - mainPos.bottom : 0,
          })
        }
      }

      console.log('容器 computed styles:', {
        background: window.getComputedStyle(container).background,
        overflow: window.getComputedStyle(container).overflow,
      })
      console.groupEnd()
    }
  }

  // 关闭模态框
  const handleClose = () => {
    console.log('🚪 关闭模态框')
    emit('update:modelValue', false)
    emit('close')
  }

  // 点击遮罩层关闭
  const handleOverlayClick = (e: MouseEvent) => {
    // 只有点击遮罩层本身才关闭
    if (e.target === e.currentTarget) {
      console.log('👆 点击遮罩层，触发关闭')
      handleClose()
    }
  }

  // ESC 键关闭
  const handleEscKey = (e: KeyboardEvent) => {
    if (e.key === 'Escape' && props.modelValue) {
      console.log('⌨️ ESC键按下，触发关闭')
      handleClose()
    }
  }

  // 控制body滚动
  const toggleBodyScroll = (disable: boolean) => {
    if (disable) {
      document.body.style.overflow = 'hidden'
    } else {
      document.body.style.overflow = ''
    }
  }

  // 监听模态框显示状态
  watch(
    () => props.modelValue,
    async newVal => {
      console.log(`📢 模态框状态变化: ${newVal ? '打开' : '关闭'}`)
      toggleBodyScroll(newVal)
      if (newVal) {
        console.log('✅ 模态框打开，props:', { modelValue: props.modelValue, iframeSrc: props.iframeSrc })
        // 等待DOM更新后打印尺寸信息
        await nextTick()
        setTimeout(() => {
          logDebugInfo()
          emit('load')
        }, 100)
      } else {
        console.log('❌ 模态框关闭')
      }
    }
  )

  // 生命周期钩子
  onMounted(() => {
    console.log('🎯 RegisterModal 组件已挂载')
    document.addEventListener('keydown', handleEscKey)

    // 监听窗口大小变化
    window.addEventListener('resize', () => {
      if (props.modelValue) {
        console.log('📏 窗口大小改变，重新计算尺寸')
        logDebugInfo()
      }
    })
  })

  onUnmounted(() => {
    document.removeEventListener('keydown', handleEscKey)
    toggleBodyScroll(false)
  })
</script>

<style src="../../assets/css/537da9432ebf.css" scoped />
<style src="../../assets/css/f31611298611.css" scoped />
<style src="../../assets/css/f6d6073f1386.css" scoped />
<style src="../../assets/css/cc1b2d3699e5.css" scoped />
<style src="../../assets/css/5f76266fe506.css" scoped />
<style src="../../assets/css/416cc35771bf.css" scoped />
<style src="../../assets/css/c451e3ce4f71.css" scoped />
<style src="../../assets/css/c7cb598e3acb.css" scoped />
<style src="../../assets/css/27bf659698e8.css" scoped />
<style src="../../assets/css/780602a0f998.css" scoped />
<style src="../../assets/css/5b35d47a1dc1.css" scoped />
<style src="../../assets/css/61cccfbb0a59.css" scoped />
<style src="../../assets/css/a66b94270420.css" scoped />
<style src="../../assets/css/27c8a6a1bb3e.css" scoped />
<style src="../../assets/css/27bf659698e8.css" scoped />
<style src="../../assets/css/550fc263d99a.css" scoped />
<style src="../../assets/css/27bf659698e8.css" scoped />

<style scoped>
/* 模态框遮罩层 */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* 模态框容器 - 调整尺寸设置 */
.modal-container {
  background: transparent; /* 透明背景，让wrapper的背景色显示 */
  border-radius: 8px;
  width: 1200px; /* 固定宽度为1200px */
  height: 656px; /* 固定高度为656px */
  overflow: hidden; /* 隐藏溢出内容 */
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-close-btn:hover {
  background: white;
  transform: rotate(90deg);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.modal-close-btn svg {
  color: #666;
}

/* 过渡动画 */
.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity 0.3s ease;
}

.modal-fade-enter-from,
.modal-fade-leave-to {
  opacity: 0;
}

.modal-fade-enter-active .modal-container,
.modal-fade-leave-active .modal-container {
  transition: transform 0.3s ease;
}

.modal-fade-enter-from .modal-container {
  transform: scale(0.9);
}

.modal-fade-leave-to .modal-container {
  transform: scale(0.9);
}

/* 移除converted-UserJoin的内边距，让内容完全贴合容器 */
.modal-container .converted-UserJoin {
  position: relative;
  padding: 0; /* 移除所有内边距 */
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* wrapper应该完全填充容器 */
.modal-container .wrapper {
  width: 1200px;
  height: 656px;
  margin: 0;
  position: relative;
  background: #f5f5f5; /* 保持原有的灰色背景 */
  overflow-y: auto;
  overflow-x: hidden;
}

/* register-main-content 水平居中 */
.modal-container .register-main-content {
  margin: 0 auto;
  position: relative;
}

/* 确保关闭按钮在最上层 */
.modal-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100; /* 提高z-index确保在最上层 */
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.login-main-title {
  min-height: 52px;
}

.login-main-content {
}

/* 适配小屏幕 */
@media (max-width: 1240px) {
  .modal-container {
    width: 95vw;
    height: 90vh;
    max-height: 656px;
  }

  .modal-container .wrapper {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 768px) {
  .modal-overlay {
    padding: 10px;
  }

  .modal-container {
    width: 100%;
    height: 100vh;
    border-radius: 0;
  }

  .modal-container .wrapper {
    width: 100%;
    height: 100%;
  }

  .modal-close-btn {
    top: 10px;
    right: 10px;
  }
}
</style>
